<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
<div id="t"></div>
<script type="text/javascript" src="../combined/alloyimage.js"></script>	
<script type="text/javascript">
/*
function getColor(num){
  var img = new Image();
  img.src = "../res/img/" + num + ".png";

  img.onload = function(){
    var ai = $AI(this);
    var color = ai.Tools.getColor();
    alert(color);
    ai.show();
    $AI(200, 200, color).show();
  };
}

function getText(num){
  var img = new Image();
  img.src = "../res/img/" + num + ".jpg";

  img.onload = function(){
    var ai = $AI(this);
    ai.show();
    var text = ai.Tools.toText();
    document.getElementById("t").innerHTML = text;
  };
}

getColor(14);
*/

var f = $AI(600, 200, "#ccc").ctx(function(){
    this.fillStyle = "red";
    this.font = "100px Arial";
    this.fillText("AlloyImage", 0, 100);
    this.drawImage(this.canvas, 0, 0);
    }).scale(0.2).rotate(-90).show();

    document.getElementById("t").innerHTML = f.Tools.toText();
</script>
</body>
</html>
